{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {

  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .banner {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <!-- banner -->
  <img alt="" class="banner" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/banner.jpg">
  <!-- banner end -->

  <div class="row">
    <div class="max-width mx-auto">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/pc1.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 13%; width: 100%; text-align: center; ">
        <a style="opacity: 0; width: 40%; padding: 1% 3%; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击预约双旦盛惠</a>
      </div>
    </div>
    <div class="max-width mx-auto">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/pc2.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 8%; width: 100%; text-align: center; ">
        <a style="opacity: 0; width: 40%; padding: 1% 3%; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击预约双旦盛惠</a>
      </div>
    </div>

    <div class="max-width mx-auto">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/fgx.jpg">
    </div>

    <div class="max-width mx-auto">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/mj.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 12%; width: 100%; text-align: center; ">
        <a style="opacity: 0; width: 40%; padding: 1% 3%; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购好事连连升级礼  ></a>
      </div>
    </div>

    <div class="max-width mx-auto">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/qs.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 12%; width: 100%; text-align: center; ">
        <a style="opacity: 0; width: 40%; padding: 1% 3%; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购事半功倍抵用礼  ></a>
      </div>
    </div>

    <div class="max-width mx-auto" style="margin-bottom: 36px">
      <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202101/pc/gz.jpg">
      <div style="position: absolute; z-index: 1; left: 0; bottom: 10%; width: 100%; text-align: center; ">
        <a style="opacity: 0; width: 40%; padding: 1% 3%; background: #8f9d6a" href="https://tb.53kf.com/code/client/5a94a95735e35494ea43bac6762f40560/1">点击抢购环环相扣折扣礼  ></a>
      </div>
      <div style="text-align: center; color: #BD232B; font-size: 16px; margin-top: -60px">*活动详情咨询工作人员，活动最终解释权归致美优家所有</div>
    </div>
  </div>
</section>
{/block}
{block name="js"}
<script>

</script>
{/block}